<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	*{margin: 0px;padding:0px;}
	.ioc{width:100px;height:25px;line-height:25px;display:inline-block;
		position: relative;
		background-color: red;
		margin-left:10px;
		text-align: center;
		}
	.ioc i{display:block-inline;
		   position: absolute;
		   top:0px;
		   left:0px;
		   border-left:12px solid #fff;
			border-top:12px solid transparent;
			border-bottom:12px solid transparent;
		   width:0px;height:0px;
		   }
	</style>
</head>
<body>
	<div>
		<span class="ioc">三角形
			<i class="bg_color"></i>
		</span>
	</div>
</body>
</html>